<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<link rel="stylesheet" href="css/style.css" />
		<title>EpiMarket</title>
	</head>
	<body>
		<div id="bloc_page">
			<header>
				<div id="titre_principal">
					<h1>EpiMarket</h1>
					<h2>The best market!</h2>
				</div>
				<a class="cart">Panier</a>
				<form class="LogIn" method="post">
					<label>Login</label><input type="email" name="login" required />
					<label>Mdp</label><input type="password" name="mdp" required />
					<input type="submit" value="Ok" />
				</form>
				<a class="inscription" href="signin">Inscription</a>
				<nav>
					<ul>
						<li><a href="#">Livres</a></li>
						<li><a href="#">Musique</a></li>
						<li><a href="#">Jeux vidéo</a></li>
						<li><a href="#">Tv</a></li>
						<li><a href="#">Hifi</a></li>
					</ul>
				</nav>
			</header>
			<div class="clear"> </div>
			<div class="center-page">
				<section>
					<h1>Florilege de produit</h1>
					<figure>
						<a href="#"><img src="images/casque.jpg" alt="casque" /></a>
						<figcaption>
							<a href="#">Casque Beats Solo HD</a><br />
							129.90€
						</figcaption>
					</figure>
					<figure>
						<a href="#"><img src="images/telephone.jpg" alt="telephone" /></a>
						<figcaption>
							<a href="#">Samsung</a><br />
							449€
						</figcaption>
					</figure>
					<figure>
						<a href="#"><img src="images/tablette.jpg" alt="tablette" /></a>
						<figcaption>
							<a href="#">Tablettes Android pour enfant</a><br />
							20€
						</figcaption>
					</figure>
					<figure>
						<a href="#"><img src="images/livre.jpg" alt="livre" /></a>
						<figcaption>
							<a href="#">L'épée de vérité T13</a><br />
							23.75€
						</figcaption>
					</figure>
				</section>
			</div>
			<footer>
				<div id="dev">
					<h1>Developers</h1>
					<ul>
						<li><a href="https://intra.epitech.eu/user/dewulf_f/">Florian Dewulf</a></li>
						<li><a href="https://intra.epitech.eu/user/lansel_k/">Kevin Lansel</a></li>
					</ul>
				</div>
				<div id="module">
					<h1>Modules</h1>
					<ul>
						<li>Java</li>
						<li>CSI</li>
					</ul>
				</div>
				<div id="use">
					<h1>What we use ?</h1>
					<ul>
						<li>J2EE</li>
						<li>MySql</li>
					</ul>
				</div>
			</footer>
		</div>
	</body>
</html>